/******** basic star ********/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: none; outline: 0; vertical-align: baseline; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-text-size-adjust: none;  -ms-touch-action: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body {font: 12px/1.5 Helvetica, Tahoma, Arial, 华文细黑, 微软雅黑, sans-serif; width: 100%; height: 100%; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font: 12px/1.5 Helvetica, Tahoma, Arial, 华文细黑, 微软雅黑, sans-serif; color: #333; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
select { -webkit-appearance: none; -moz-appearance: none; }
select, input, textarea, button { outline: none; background: #EAEBEC; }
a { text-decoration: none; }
img { border: 0; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

/*common*/
.hide{display:none;}
.show{display:block;}
.left{float:left}
.right{float:right}
.clear{clear:both;}

.p10{padding:10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}

.p20{padding:20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}

.m10{margin: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}

.c3{color:#333;}
.c6{color:#666;}
.c9{color:#999;}

.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:15px;}

.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

.page{width:100%;height:100%;padding-top:44px;position:absolute;}
.page .head{position:fixed;z-index:9;top:0;left:0;width:100%;height:44px;font-size:14px;}
.page .head .text{text-align:center;line-height:44px;font-size:14px;color:#fff;text-shadow:0 0 1px #666;}

.g_content_loading{width:100%;height:60px;background:url(../images/max_loading.gif) no-repeat center;background-size:25px;}
.ico_attention{margin:0 5px;width:20px;height:20px;display:inline-block;background:url(../images/ico_mian.png) no-repeat 2px -366px;background-size:68px;vertical-align:middle;}
.ico_delete{width:35px;height:35px;background:url(../images/icon_main_small.png) no-repeat 10px 12px;background-size:54px;display:inline-block;}
.ico_history{width:35px;height:35px;background:url(../images/icon_main_small.png) no-repeat 8px -17px;background-size:55px;display:inline-block;}
.ico_music_animate{width:48px;height:100%;color:#fff;line-height:26px;}
.ico_more{width:34px;height:40px;display:inline-block;background:url(../images/icon_main_small.png) no-repeat 3px -60px;background-size:70px;}
.ico_home{display:inline-block;width:36px;height:35px;background:url(../images/ico_mian.png) no-repeat 5px -720px;background-size:106px;}
.main_bg{background:#d43c33;}
.main_color{color:#d43c33;}
.back{width:54px;height:44px;background:url(../images/ico_mian.png) no-repeat 12px -173px;background-size:85px;}
.back:active{background-color:rgba(0,0,0,.1);border-radius:5px;}

.com_list li{position:relative;padding-left:16px;color:#666;line-height:38px;}
.com_list .list_right{display:table;width:100%;table-layout:fixed;word-break:break-all;border-collapse:collapse;border-bottom:rgba(193,191,189,.3) 1px solid;}
.com_list .over{width:100%;vertical-align:middle;display:table-cell;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.com_list .ico_delete{margin-right:6px;display:table-cell;}
.com_list strong{font-weight:normal;color:#333;}
.com_list li.playing,.com_list li.playing strong{color:#d33a31;}
.com_list span:active{color:#d33a31}
.com_list li:active{background:#f3f3f3;}
.com_list .p_title,.com_list .p_author{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.com_list .p_title{padding-top:5px;font-size:14px;display:block;}
.com_list .p_author{font-size:12px;color:#666;padding-bottom:5px;}
.com_list i{position:absolute;right:10px;top:10px;}
.com_list .ico_more{position:absolute;right:10px;top:10px;}
.com_list .img_left{float:left;width:50px;padding:10px;padding-left:0;}
.com_list .p_title{padding-top:10px;color:#333;}

.com_list_img li img{border-radius:5px;border:2px solid #f3f3f3;}
.com_list_img .list_img_box{border-radius:5px;background:url(../images/default_avatar1.png) no-repeat center;background-size:56px;width:52px;height:52px;margin:10px;margin-left:0;float:left;}
.com_list_img li{position:relative;padding-left:16px;color:#666;line-height:38px;}
.com_list_img .list_right{display:table;width:100%;table-layout:fixed;word-break:break-all;border-collapse:collapse;border-bottom:rgba(193,191,189,.3) 1px solid;}
.com_list_img .over{width:100%;vertical-align:middle;display:table-cell;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.com_list_img .ico_delete{margin-right:6px;display:table-cell;}
.com_list_img strong{font-weight:normal;color:#333;}
.com_list_img li.playing,.com_list_img li.playing strong{color:#d33a31;}
.com_list_img span:active{color:#d33a31}
.com_list_img li:active{background:#f3f3f3;}
.com_list_img .p_title,.com_list_img .p_author{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.com_list_img .p_title{font-size:14px;display:block;padding-right:50px;padding-top:18px;color:#333;}
.com_list_img .p_author{font-size:12.5px;color:#666;padding-bottom:5px;}
.com_list_img i{position:absolute;right:10px;top:10px;}
.com_list_img .ico_more{position:absolute;right:10px;top:10px;}
.com_list_img .img_left{float:left;width:50px;padding:10px;padding-left:0;}
.com_list_img.play_list .ico_delete{width:40px;}
/*end common*/

/**************** common container ***************/
#container .no{padding:20px;font-size:14px;color:#666;text-align:center;}
#container .container_head .ico_home{margin:0 3px;float:left;height:100%;}
#container .container_head .ico_music_animate{float:right;height:100%;padding-top:8px;text-align:center;}
#container{height:100%;}
#container .container_head .container_title{padding:8px 0;}
#container .container_head .input_box{position:relative;}
#container .container_head .input_box .ico_delete{position:absolute;right:0;top:3px;width:30px;height:32px;background-size:42px; display: none;}
#container .container_head .search{float:right;width:100%;height:26px;padding:5px 10px 5px 30px;color:#c6c7c9;border-radius:4px;background:#fff url(../images/ico_search.png) no-repeat 9px 5px;background-size:16px;}
#container .container_head{position:fixed;z-index:9;top:0;left:0;width:100%;height:44px;font-size:14px;border-bottom:1px solid #be362e;}
#container .container_search_history p{
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #f1f1f1;
    border-left: 0px;
    border-right: 0px;
    width: 100%;
    margin:  0 auto;
    margin-top: 20px;
}

#container .container_search_history{position:relative;z-index:2;padding-top:4px;font-size:14px;background-color:#fff;}
#container .container_head .search_close{width:48px;height:100%;color:#fff;text-align:center;line-height:42px;}
#container .container_search_history li div{line-height:18px;line-height:35px;margin-left:10px;width:calc(100% - 10px);border-bottom:1px solid #f3f3f3;}
#container .container_search_history li:active{background:#f3f3f3;}
#container .container_search_history li .ico_history{vertical-align:middle;float:left;}
#container .container_search_history li .ico_delete{vertical-align:middle;float:right;}
#container .container_footer{z-index:1;width:100%;position:fixed;bottom:0px;height:44px;background:rgba(55,53,56,.9);color:#878787;}
#container .container_footer ul{height:100%;}
#container .container_footer li{height:100%;width:33.2%;float:left;text-align:center;font-size:13px;}
#container .container_footer li.tj i{display:inline-block;width:22px;height:20px;margin-top:5px;margin-bottom:-5px;background:url(../images/ico_mian.png) no-repeat;background-size:70px;}
#container .container_footer li:active{background:rgba(55,53,56,.7);}
#container .container_footer li.tj.selected i{background-position:-35px 0;}
#container .container_footer .playing{line-height:20px;}
#container .container_footer .playing p{margin-top:-8px;}
#container .container_footer .playing .ico_music_animate{display:inline-block;margin:0;padding:0;padding-top:3px;height:22px;}
#container .container_footer .playing .ico_music_animate div{background-color:#999;}
#container .container_footer li.selected{color:#fff;}

/******************* index *******************/
#index{
    height: 100%;
    padding: 0;
    background: #d24040
}
#index .text{
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #e4e4e4;
    text-align: right;
    padding-right: 20px;
}
#index .text i{
    display: inline-block;
    font-size: 16px;
    text-align: right;
    padding: 6px;
}
#index .bg{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -200px;
    text-align: center;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 240px;
    width: 250px;
    height: 100px;
    background:url(../images/index_bg.jpg) no-repeat center;
    background-size: 100px;
    /*text-shadow:1px 1px 10px #000;*/
}

/* found */
#found .body{
    padding-bottom: 46px;
}
#found .body_box{
    height: 100%;
}
#found .tabs{
    z-index: 2;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background-color: #f8f8f9; 
    border-bottom:1px solid #c6c7c7;   
}
#found .tabs li{
    float: left;
    min-width: 90px;
    text-align: center;
    color: #333;
}
#found .tabs li.selected{
    height: 38px;
    color: #c42e25;
    border-bottom:2px solid #d43c33;
}
#found .body{
    padding-top: 36px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; 
}
#found .tab_tops h4{
    text-align: left;
    padding-bottom: 0px;
    font-size: 16px;
    color: #333;
}
#found .tab_tops h4 i{
    width: 0px;
    height: 0px;
    overflow: hidden;
    margin-right: 10px;
    border-left:3px solid #d43c33;
    border-radius:8px;
}
#found .tab_tops .line{
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#found .tab_tops .line.type200 img{
    margin-left: 0;
    width: 100%;
}
#found .tab_tops .line label{
    float: left;
    width: 130px;
    height: 100px;
    overflow: hidden;
    border-radius:3px;
    background:#CECECE url(../images/default_avatar1.png) no-repeat center;
    background-size: 90px;
}
#found .tab_tops .line ol{
    text-align: left;
    width: 100%;
    margin-left: 14px;
    color: #666;
    line-height: 24px;
    font-size: 13px;
    border-bottom: 1px solid #e1e2e3;
    padding-bottom:10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}
#found .tab_tops .line li{
    list-style: decimal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#found .tab_anchor{
    font-size: 14px;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    color: #666;
}
#found .tab_recommend{
    padding-top: 10px;
}
/*search*/
#search .body{
    padding-bottom: 40px;
}
#search .tabs{
    z-index: 1;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background-color: #f8f8f9; 
    border-bottom:1px solid #c6c7c7;   
}
#search .tabs li{
    float: left;
    min-width: 90px;
    text-align: center;
    color: #333;
}
#search .tabs li.selected{
    height: 38px;
    color: #c42e25;
    border-bottom:2px solid #d43c33;
}
#search .body{
    margin-top: 0;
}
#search .head_type_head .search{
    height: 26px;
    padding: 5px 10px 5px 30px;
    color: #c6c7c9;
    border-radius: 4px;
    background:#fff url(../images/ico_search.png) no-repeat 9px 5px;
    background-size: 16px;
}
#search .head_type_head .title {
    width: 100%;
    height: 42px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}
#search .com_list .p_title,
#search .com_list .p_author
{
    padding-right: 78px;
}
#search .com_list .no{
    text-align: center;
    line-height: 58px;
    font-size: 14px;
}
#play .head{
    position: absolute;
    height: 46px;
    border-bottom: 1px solid rgba(204,204,204,.3);
    background: rgba(0,0,0,.1);
}
#play{
    position: absolute;
    height: 100%;
    overflow: hidden;
    background: #333;
}
#play .play_list_box{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    font-size: 14px;
    width: 100%;
    background: rgba(255,255,255,.9);
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -o-transform: translate(0,100%);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    background: rgba(255,255,255,.9);
}
#play .play_list_box.show{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#play .play_list{
    font-size: 14px;
    width: 100%;
}
#play .play_list ul{
    overflow-y:auto;
    height: 340px;
    -webkit-overflow-scrolling : touch;
}
#play .list_head{
    padding-right: 10px;
    width: 100%;
    font-size: 14.5px;
    line-height: 38px;
    height: 40px;
    text-align: center;
    border-bottom: rgba(193,191,189,.3) 1px solid;
}
#play .list_head strong{
    margin-right: -38px;
}
#play .list_head strong b{
    font-weight: normal;
}

#play .mask{
    position: absolute;
    /*z-index: 1;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background:#666;
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-filter: blur(30px);
    -moz-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=25, MakeShadow=false);
}
#play .mask span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
}
#play .text{
    text-align: center;
    color: #fff;
    padding: 6px 0;
    padding-right: 9px;
}
#play .text p{
    line-height: 16px;
}
#play .text .small{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#play .shareweb{
    width: 42px;
    height: 100%;
    background: url(../images/ico_mian.png) no-repeat 8px -187px;
    background-size: 75px;
}
#play .body {
    height: 100%;
}
#play .cover{
    position: relative;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -230px;

    width: 300px;
    height: 300px;
    background: url(../images/play_bg.png) no-repeat center;
    background-size: 250px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#play .cover .play_center_img{
    width: 170px;
    height: 170px;
    margin-top: 67px;
    display: inline-block;
    background: url(../images/default_avatar1.png) no-repeat center;
    background-size: 170px;
    border-radius: 50%;
}
#play .cover i.center_play{
    top:50%;
    left:50%;
    width: 95%;
    height: 95%;
    margin-left: -47.5%;
    margin-top: -47.5%;
    position: absolute;
    background-color:rgba(23,23,23,.4); 
    border-radius: 34%;
    font-size: 30px;
    color: #ccc;
    text-align: center;
    line-height: 280px;
    /*font-weight: bold;*/
    text-shadow:2px 2px 5px rgba(23,23,23,.9);
    /*box-shadow: 1px 1px 50px #000;*/
}

#play .cover img{
    width: 170px;
    border-radius: 50%;
}

#play .play_box{
    text-align: center;
}
#play .footer{
    position: absolute;
    z-index: 10;
    bottom:0;
    left: 0;
    width: 100%;
    /*background: #000;*/
}
#play .footer .more{
    position: relative;
    padding-right: 20px;
    text-align: right;
}
#play .footer .more .ico_more{
    right: 18px;
    top: -34px;
    position: absolute;
    background-position: 3px -68px;
    background-size: 78px;
}
#play .footer .cly{
    position: relative;
    height: 70px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; 
}
#play .footer .cly ul{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-right:10px;
    padding-left:10px;
    transform: translate(-50%, -50%);
}
#play .footer .cly li{
    width: 100%;
    vertical-align: middle;
    display: inline-block;
}

#play .footer .when{
    width: 100%;
    height: 30px;
    color: #f3f3f3;
    font-size: 14px;
    padding: 0 5px;
    /*background:red;*/
}
#play .footer .when .bar{
    position: relative;
    height: 20px;
    border-radius: 20px;
}
#play .footer .when .bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 8px;
    margin: 0;
    width: 100%;
    height: 4px;
    display: inline-block;
    background: rgba(255,255,255,.2);
    border-radius: 20px;
}
#play .footer .when .bg2 {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 8px;
    margin: 0;
    width: 0;
    height: 4px;
    display: inline-block;
    background: rgba(255,255,255,.2);
    border-radius: 20px;
}
#play .footer .when .bg3 {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 8px;
    margin: 0;
    width: 0;
    height: 4px;
    display: inline-block;
    background: rgba(211,58,49,1);
    border-radius: 20px;
}
#play .footer .when .point{
    z-index: 4;
    position: absolute;
    left: -7.5px;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: url(../images/ico_mian.png) no-repeat 0px -523px;
    background-size: 90px;
}
#play .footer .when span{
    margin: 0 15px;
    display: inline-block;
    text-align: center;
}
#play .footer .play_box{
    width: 100%;
    height: 60px;
    padding: 10px 0;
}
#play .footer .play_box li{
    width: 40px;
    height: 42px;
    margin: 0 10px;
    background-image: url(../images/ico_mian.png);
    background-repeat: no-repeat;
    /*background-color: #000;*/
    display: inline-block;
}
#play .footer li:active{
    background-color: rgba(0,0,0,.1);
    border-radius: 5px;
}
#play .footer li.loops.each{
    background-position: 8px -469px;
    background-size: 95px;
}
#play .footer li.loops.one{
    background-position: 8px -571px;
    background-size: 95px;
}
#play .footer li.loops.random{
    background-position: 9px -609px;
    background-size: 95px;
}

#play .footer li.before{
    background-position: 8px -259px;
    background-size: 85px;
}
#play .footer li.play{
    background-position: 4px -402px;
    background-size: 111px;
}
#play .footer li.after{
    background-position: 8px -344px;
    background-size: 85px;
}
#play .footer li.list{
    background-position: 8px -434px;
    background-size: 95px;
}
#play .footer li.play.selected{
    background-position: -50px -402px;
}
#play .voice_range_box{
    width: 100%;
    padding: 14px 20px 0;
    position: relative;
    z-index: 2;
    text-align: center;
}
#play .voice_range_box input[type="range"] {
    display: inline-block;
    margin-top: 2px;
    border-radius: 15px;
    width: 100%;
    -webkit-appearance: none;
    height:4px;
    background: rgba(255,255,255,.2);
}
#play .voice_range_box input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: default;
    height: 12px;
    width: 20px;
    background: none repeat scroll 0 0 rgba(255,255,255,.7);
    border-radius:5px;
    border: 0px;
}
/*#play end*/

/*css3 */
#play .footer .when .point.point_loading{
    background: url(../images/point_loading.gif) no-repeat;
    background-size: 15px;
}
#play .cover img.animate{
    animation:rotate 15s linear infinite;
}
#typeList .ico_music_animate{
    padding: 10px 10px 0;
}
#typeList{
    padding-top: 0;
}
#typeList .head{
    height: 46px;
    border-bottom: 1px solid rgba(204,204,204,.3);
    background-color: #b36e6e;
    background-size:  100% 800px;
    background-repeat: no-repeat;
}
#typeList .head .text{
    font-size: 16px;
}
#typeList .list_bg{
    position: relative;
    background-color: #b36e6e;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 220px;
    margin-top: 44px;
    color: #fff;
    font-size: 13px;
    padding: 10px;
}
#typeList .list_bg .bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 6px 10px;
    background-color: rgba(0,0,0,.2);
}
#typeList .list_bg .bottom p:nth-child(2){
    color: #f3f3f3;
}
#typeList .list {
    padding: 10px 0;
}
#typeList .list .line{
    display: table;
    width: 100%;
    font-size: 13px;
    color: #333;
    padding-left: 10px;
    table-layout:fixed;
    word-break:break-all;
    border-collapse:collapse；
}
#typeList .list .line:active{
    background-color: #f3f3f3;
}
#typeList .list .line .namber{
    display: table-cell;
    width: 30px;
    font-size: 15px;
    vertical-align: middle;
    color: #666;
}
#typeList .list .line:nth-child(1) .namber,
#typeList .list .line:nth-child(2) .namber,
#typeList .list .line:nth-child(3) .namber
{
    color: #c13947;
    font-size: 16px;
}
#typeList .list .line .line_right{
    display: table-cell;
    padding: 4px 0;
    color: #111;
    border-bottom:1px solid #dfe0e2;

}
#typeList .list .line span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#typeList .list .line p{
    font-size: 12px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#typeList .list .namber{
    padding-right: 6px;
}
#typeList .top{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*left: 70%;*/
    /*top: 10%;*/
}
#typeList .top .ico_attention{
    position: relative;
    margin-left: 70%;
    margin-top: 8%;
}
#typeList .top .ico_attention .triangle{
    position: absolute;
    bottom: -9px;
    left: 4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid rgba(0,0,0,.7);
}

#typeList .top .info{
    font-size: 13px;
    position: absolute;
    min-width: 80px;
    padding: 5px 9px 6px;
    background-color: rgba(0,0,0,.7);
    border-radius: 6px;
    margin: 0 10%;
    position: absolute;
    margin-top: 9px;
    right: 0;
}
#recommended .body{
    padding-bottom: 50px;
}
#recommended .head_type_head .search{
    height: 26px;
    padding: 5px 10px 5px 30px;
    color: #c6c7c9;
    border-radius: 4px;
    background:#fff url(../images/ico_search.png) no-repeat 9px 5px;
    background-size: 16px;
}
/*singerSongList*/
#singerSongList {
    background: #f8f8f9;
}
#singerSongList .body{
    margin-top: -44px;
}
#singerSongList .head{
    background-color: rgba(0,0,0,.5);
}
#singerSongList .body_head{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 310px;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background:#CECECE url(../images/default_avatar1.png) no-repeat center;
    background-size: 170px;
}
#singerSongList .tabTitle{
    margin-top: 310px;
    position: relative;
    z-index: 2;
}
#singerSongList .tabContent{
    position: relative;
    z-index: 2;
    background: #fff;
}
#singerSongList .head .text{
    font-size: 16px;
}
#singerSongList .ico_music_animate{
    padding: 8px;
}
#singerSongList .body{
    padding-bottom: 40px;
}
#singerSongList .tabs {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    background-color: #f8f8f9;
    border-bottom: 1px solid #c6c7c7;
}
#singerSongList .tabs li {
    float: left;
    min-width: 90px;
    text-align: center;
    color: #333;
}
#singerSongList .tab_singer {
    position: relative;
    padding: 18px;
    font-size: 14px;
    padding-top: 14px;
}
#singerSongList .tab_singer img{
    position: absolute;
    right: 10px;
    top: 18px;
    width: 90px;
    max-height: none;
    border: 4px solid #f3f3f3;
    border-radius: 5px;
}
#singerSongList .tab_singer li{
    padding-left: 0px;
    line-height: 26px;
}
#singerSongList .tabs li.selected {
    height: 38px;
    color: #c42e25;
    border-bottom: 2px solid #d43c33;
}
#singerSongList li img{
    width: 60px;
    max-height: 70px;
    padding: 10px;
    padding-left: 0;
    float: left;
}
#singerSongList  .com_list .p_title{
    padding-top: 10px;
}

#singerSongList .head_type_head .search{
    height: 26px;
    padding: 5px 10px 5px 30px;
    color: #c6c7c9;
    border-radius: 4px;
    background:#fff url(../images/ico_search.png) no-repeat 9px 5px;
    background-size: 16px;
}
#singerSongList .com_list .p_title{
    padding-right: 50px;
}
/*#play audio{
    display: block;
    margin-left: 20px;
    opacity: .3;
}*/
